<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>05jQuery过滤器2</title>
    <script src="./js/jquery-3.6.0.js"></script>
    <script>
        $(function () {
            // 4、属性过滤器：
            // [attribute]        匹配包含给定属性的元素。
            // [attribute=value]  匹配给定的属性是某个特定值的元素
            // [attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素。
            // [attribute^=value] 匹配给定的属性是以某些值开始的元素
            // [attribute$=value] 匹配给定的属性是以某些值结尾的元素
            // [attribute*=value] 匹配给定的属性是以包含某些值的元素
            // [attrSel1][attrSel2][attrSelN] 复合属性选择器，需要同时满足多个条件时使用。

            console.log($("[id]"));              // <input id="id1" name="111"/>  <input id="id3" name="333"/>
            console.log($("div [id='id1']"));       // <input id="id1" name="111"/>
            console.log($("[id][name='张三']")[0]);       // <input id="id1" name="111"/>

        });
    </script>
</head>
<body>
<div>
    <input id="id1" name="张三"/>
    <input name="222"/>
    <input id="id3" name="张三"/>
    <input name="444"/>
</div>
</body>
</html>